//默认设计稿的宽度
$designWidth:1920;
//默认设计稿的高度
$designHeight:1080;
@for $value from 1 through 100 {
    .pdRem-#{$value},
    .ptbRem-#{$value},
    .ptRem-#{$value} {
      padding-top: $value/$designHeight * 1vh;
    }
    .pdRem-#{$value},
    .ptbRem-#{$value},
    .pbRem-#{$value} {
      padding-bottom: $value/$designHeight * 1vh;
    }
    .pdRem-#{$value},
    .plrRem-#{$value},
    .plRem-#{$value} {
      padding-left: $value/$designWidth * 1vw;
    }
    .pdRem-#{$value},
    .plrRem-#{$value},
    .prRem-#{$value} {
      padding-right: $value/$designWidth * 1vw;
    }
    .mgRem-#{$value},
    .mtbRem-#{$value},
    .mtRem-#{$value} {
      margin-top: $value/$designHeight * 1vh;
    }
    .mgRem-#{$value},
    .mtbRem-#{$value},
    .mbRem-#{$value} {
      margin-bottom: $value/$designHeight * 1vh;
    }
    .mgRem-#{$value},
    .mlrRem-#{$value},
    .mlRem-#{$value} {
      margin-left: $value/$designWidth * 1vw;
    }
    .mgRem-#{$value},
    .mlrRem-#{$value},
    .mrRem-#{$value} {
      margin-right: $value/$designWidth * 1vw;
    }
  }

@for $value from 10 through 40 {
  .sizeRem-#{$value} {
    font-size: $value/$designHeight * 1vh;
  }
}

*{
  box-sizing: border-box;
}
.s-yellow{
  color: #FFC300;
}
.s-red{
  color: #CB272C;
}
.s-blue{
  color: #00CDCF;
}
.s-gray{
  color: #979797;
}
.line-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

